/*
 * @Author: whq
 * @Date: 2024-03-12 17:46:00
 * @LastEditTime: 2024-05-28 16:13:19
 * @LastEditors: whq
 * @Description: 
 * @FilePath: \vue3Vant4Temp\vue.config.js
 */
// 适配不同屏幕
const autoprefixer = require('autoprefixer'); //根据浏览器适配css，自动加前缀，不用可以删除
const pxtorem = require('postcss-pxtorem');
module.exports = {
    //postcss-pxtorem
    css: {
        loaderOptions: {
            css: {},
            postcss: {
                postcssOptions: {
                    plugins: [
                        autoprefixer(),
                        pxtorem({
                           rootValue: 37.5,  //手机设计稿宽度为375px的
                           propList: ['*'], //属性的选择器，*表示通用
                        //    exclude: /web/i, //忽略web下的所有文件
                           selectorBlackList: ['.a-'], // 过滤掉.a- 开头的class，不进行rem转换
                           unitPrecision: 3, //允许REM单位增长到的十进制数字,小数点后保留的位数。
                           propList: ['*'],
                           exclude: /(node_module)/,  //默认false，可以（reg）利用正则表达式排除某些文件夹的方法，例如/(node_module)/ 。如果想把前端UI框架内的px也转换成rem，请把此属性设为默认值
                           selectorBlackList: ['.van'], //要忽略并保留为px的选择器，本项目我是用的vant ui框架，所以忽略他
                           mediaQuery: false,  //（布尔值）允许在媒体查询中转换px。
                           minPixelValue: 1 //设置要替换的最小像素值
                        }),
                    ]
                }
            }
        }
    },
};